<!DOCTYPE html>
<html lang="en" id="info_detail" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/info_detail.css">
</head>
<body>
    <div class="message">
        <div class='common-header'>
            <div class='left '>
                <a href="javascript:window.history.back();">
                    <i class='iconfont icon-left'></i>
                </a>
            </div>
            <div class="middle">信息公告详情</div>
            <div class="right">
                <a href="index.html">
                    <i class="iconfont icon-home1"></i>
                </a>
            </div>
        </div>

        <div class="titleIntro">
           <div class="titleCont">
               <h2 class="titleName">{{mainInfo.title}}</h2>
               <div class="TitleMessage">
                   <span>{{mainInfo.createTime.substring(0,10)}}</span>
                   <span>{{mainInfo.num}}人次浏览</span>
               </div>
           </div>
        </div>
        <div class="content">{{{mainInfo.content}}}</div>
    </div>

    <!-- footer -->
    <div class='footer'>
        <a class='active' href="index.html">
            <i class='iconfont icon-home'></i>
            <p>首页</p>
        </a>
         <a href="activity_list.html">
            <i class='iconfont icon-heart'></i>
            <p>活动</p>
        </a>
         <a href="friend_index.html">
            <i class='iconfont icon-leaf'></i>
            <p>交友</p>
        </a>
         <a href="tieba.html">
            <i class='iconfont icon-message'></i>
            <p>贴吧</p>
        </a>
         <a href="uc_index.html">
            <i class='iconfont icon-geren-copy'></i>
            <p>个人</p>
        </a>
    </div>
</body>
<script>var app = 'info_detail';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>